.bottomPopupContainer {
  :global {
    .detail {
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .adm-popup-body {
      border-radius: 20px 20px 0 0;
    }

    .head {
      height: 100px;
      line-height: 100px;
      font-size: 36px;
      font-weight: bold;
      text-align: center;
      border-bottom: 1px solid #e7e7e7;

      .close {
        font-size: 40px;
        position: absolute;
        right: 30px;
        top: 30px;
        color: #999;
      }
    }

    .content {
      flex: 1;
      overflow: auto;
      padding: 0 30px 30px;
      font-size: 28px;
      -webkit-overflow-scrolling: touch;
      line-height: 1.5;

      .title {
        font-weight: bold;
      }

      .item {
        display: flex;
        align-items: center;
        color: #666;
        height: 10.66667vw;
        list-style: none;
        padding: 0;
        margin: 0;
      }

      .item li {
        flex: 1;
        text-align: center;
      }

      .gray {
        background-color: #f7f7f7;
      }
    }

    .tabs {
      padding-bottom: 20px;
      .adm-tabs-header {
        border: none;
        .adm-tabs-tab-line {
          background: #5bae47;
        }
        .adm-tabs-tab-list {
          height: 88px;
        }
        .adm-tabs-tab {
          font-size: 28px;

          &.adm-tabs-tab-active {
            font-weight: bold;
            color: #5bae47;
          }
        }
      }
    }
  }
}
